import {createApp} from 'vue'
import './assets/main.css'
import 'uno.css'
import {createPinia} from 'pinia'
import router from './router'
import naive from 'naive-ui'

import VMdPreview from '@kangc/v-md-editor/lib/preview';
import '@kangc/v-md-editor/lib/style/preview.css';
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js';
import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';
import '@kangc/v-md-editor/lib/theme/style/github.css';

import AppLoading from "@/components/AppLoading.vue";
import App from './App.vue';

const appLoading = createApp(AppLoading)
appLoading.mount('#appLoading');
// highlightjs
import hljs from 'highlight.js';

VMdPreview.use(githubTheme, {
    Hljs: hljs,
});

let app = createApp(App);

app.use(createPinia())
app.use(router)
app.use(naive)
app.use(VMdPreview)

appLoading.unmount();
app.mount('#app')
